<template>
    <button class="btn" :h="size.h + 'px'" :w="size.w + 'px'"></button>
</template>
<script>import { reactive } from "vue"


export default {
    name: 'vButton',
    props: {
        size: {
            type: Object,
            default: {
                w: 100,
                h: 60
            }
        },
        Text:{
            type:String,
            default:''
        }
    },
    setup(props) {
        const value = props,
        size = value.size
        console.log(size)
        return {
            size
        }
    }
}
</script>
<style scoped>
.btn {
    @apply font-bold py-2 px-4 rounded;
}
</style>